<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1,user-scalable=0">
<title>WeUI</title>

<link href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css"
	rel="stylesheet">
</head>
<body>
	<!-- App root element -->
	<div id="app">
		<article class="weui-article">
			<h1>大标题</h1>
			<section>
				<h2 class="title">章标题</h2>
				<section>
					<h3>{{user.nickname}}</h3>
					<p>
						<img :src="user.headimgurl" />
					</p>

				</section>
				<section>
					<h3>1.1 节标题</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
						sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
						Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
						nisi ut aliquip ex ea commodo consequat.</p>

				</section>
				<section>
					<h3>1.2 节标题</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
						sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
						Ut enim ad minim veniam, cillum dolore eu fugiat nulla pariatur.
						Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
						officia deserunt mollit anim id est laborum.</p>
				</section>
			</section>
		</article>
	</div>
	<script src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script>
	<!-- Path to your app js-->
	<script type="text/javascript">
		try {

			var vm = new Vue({
				el : "#app",
				data : {
					user : JSON.parse('#(result)')
				}
			})
		} catch (e) {
			alert(e.message)
		}
	</script>
</body>
</html>